<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps JavaScript API v3 Koji</title>
<script type="text/javascript" src="script/prototype.js"></script>
</head>
<body>
    <%@page import="java.util.List" %>
    <%@page import="sismol.cartography.Linha" %>
    <%@page import="sismol.data.GerenciadorBusca" %>
    <%@page import="sismol.data.GerenciadorFactory" %>

    <h3>Cadastro de Hor&aacute;rios de Sa&iacute;da dos Terminais</h3>

    <%
        GerenciadorBusca busca = GerenciadorFactory.getGerenciadorBusca();
    %>

    Selecione a linha de &ocirc;nibus:

    <form action="Terminais.action" method="post">
    <select name="linhaId" id="linhaId" onchange="carregaPontos(this);">
        <option value=""></option>
        <% List<Linha> linhas = (List<Linha>) busca.listarLinhas();
            for(Linha linha: linhas){
        %>
            <option value="<%=linha.getId()%>"><%=linha.getNome()%></option>
        <%
            }
        %>
    </select>

        <div id="pontos"></div>

        Hor&aacute;rios de Sa&iacute;da (formato: HH:mm;HH:mm;...HH:mm) <input name="horarios-saida" style="width: 600px;" />

        <input type="submit" value="Cadastrar" />
    </form>

    <script type="text/javascript">
        function carregaPontos(input){
            input.up('body').addClassName('loading');
            new Ajax.Request('Consulta.action', {
                parameters: {
                    op: 'pontos',
                    linhaId: input.getValue()
                },
                onSuccess: function(response) {
                    $('pontos').update(response.responseText);
                    input.up('body').removeClassName('loading');
                }
            });
        }
    </script>
</body>
</html>